/*eslint jsx-quotes: 0*/
import { Swiper, SwiperItem } from "@antmjs/vantui";
import { View } from "@tarojs/components";
import React from "react";

const IndexSwiper: React.FC = () => {
  return (
    <View className="text-blue-700 index-swiper__wrapper bg-slate-100">
      <Swiper
        height={120}
        paginationColor="#426543"
        autoPlay="3000"
        initPage={1}
        paginationVisible
        onChange={() => {}}
      >
        <SwiperItem
          key="1"
          className="flex flex-row items-center justify-center w-full h-full flex-nowrap"
        >
          1
        </SwiperItem>
        <SwiperItem
          key="2"
          className="flex flex-row items-center justify-center w-full h-full flex-nowrap"
        >
          2
        </SwiperItem>
        <SwiperItem
          key="3"
          className="flex flex-row items-center justify-center w-full h-full flex-nowrap"
        >
          3
        </SwiperItem>
      </Swiper>
    </View>
  );
};

export default IndexSwiper;
